<template>
 <!-- <div class="app-container" v-if="withHeader">
 <a-layout :style="{background: '#fff'}">
 <a-layout-header class="header">
   <div> 乐高</div>
 </a-layout-header>
 <a-layout-content class="home-layout">
   <router-view></router-view>
 </a-layout-content>

 </a-layout>
 <a-layout-footer>@ hly.com</a-layout-footer>
    <a-spin v-if="showLoading" tip="读取中" class="global-spinner"/>
   
  </div> -->
  <div class="app-container">
   <router-view></router-view>
  </div>
</template>

<script lang="ts">
import { defineComponent,computed } from 'vue';
import { useRoute } from 'vue-router';
export default defineComponent({
  name: 'App',
 
  setup(){
    const route = useRoute()
    const withHeader = computed(() => route.meta.withHeader)
    return {
      withHeader 
    }

  }
});
</script>

<style>
.app-container .global-spinner {
  position: fixed;
  top: 10px;
  right: 50%;
}
.header {
  color: #fff;

}
</style>
